.container {
  @include eui.scrollBar;
  height: calc(100% - 34px);
  position: relative;
  width: 100%;

  display: flex;
  flex-direction: column;

  background-color: var(--browserTableRowEven);
  text-align: left;
  letter-spacing: 0;
  white-space: pre-line;
  color: var(--euiTextSubduedColor) !important;
  border-top: 1px solid var(--euiColorLightShade);

  font: normal normal normal 14px/17px Inconsolata;

  z-index: 10;
  overflow: auto;
}

.listWrapper {
  @include eui.scrollBar;
  flex: 1;

  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
}

.content {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 12px 4px 12px 12px;

  //@include eui.scrollBar;
  //
  //width: 100%;
  //height: 100%;
  //position: relative;
  //overflow: auto;
  //
  //display: flex;
  //flex-direction: column;
  //margin-bottom: 6px;
  //
  //&:first-child {
  //  padding-top: 10px;
  //}
  //
  //&:last-child {
  //  padding-bottom: 10px;
  //}
}

.startContainer {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;

  height: 100%;
  padding-left: 12px;
}

.startContent {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  max-width: 264px;
  flex-direction: column;

  font:
    normal normal normal 12px/18px Graphik,
    sans-serif;
}

.monitorStoppedText {
  padding-left: 12px;
  padding-bottom: 4px;
}


.startContentError {
  max-width: 298px;
  padding-right: 12px;
}

.autoScrollContainer {
  :global {
    .react-auto-scroll__scroll-container {
      @include eui.scrollBar;
    }

    .react-auto-scroll__option {
      // display: none;
    }
  }
}

.table {
  table {
    background-color: initial !important;
  }

  thead {
    display: none;
  }

  :global {
    .euiTableCellContent {
      padding: 0;
    }
    .euiTableRow {
      td:first-child,
      td:last-child {
        border: none;
      }

      &:hover {
        background-color: inherit !important;
      }
    }

    .euiTableRowCell {
      border: none;
    }
  }
}

.startTitle {
  font-size: 13px;
  letter-spacing: -0.13px;
  padding: 4px 0 18px;
}


.itemCommand {
  padding-right: 6px;
}

.itemCommandFirst {
  color: #569cd6;
}

.itemArgs {
  word-break: break-word;
  padding-right: 10px;
  color: var(--euiTextSubduedColorHover);
}

.itemArgs__compressed {
  max-width: 330px;
  width: max-content;
  color: var(--euiTextSubduedColorHover);
}

.item {
  display: block;

  & > span {
    padding-right: 5px;
    word-break: break-word;
  }
}

.itemTime {
  width: 94px;
  padding-right: 10px;
}

.monitorWrapper {
  height: 100%;
  white-space: pre-line;
  border-top: 1px solid var(--euiColorLightShade);
  border-left: 1px solid var(--euiColorLightShade);
  border-right: 1px solid var(--euiColorLightShade);
}

.scrollDivRef {
  padding-top: 10px;
  margin-left: -12px;
}

.time {
  color: var(--defaultGreenColor);
}
